﻿<%@ Page Title="" Language="C#" MasterPageFile="~/HomeMasterPage.master" AutoEventWireup="true"
    CodeFile="SiteUserHome.aspx.cs" Inherits="SiteUserHome" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:Label runat="server" Text="<%$Resources:General,LangOption%>" Visible="false"
        ID="lblLangOption" />
    <div class="pageTitle ">
        <div class="row">
            <div class="twelve left">
                <h5>
                    <asp:Label runat="server" ID="lblTodayDate" /></h5>
                <asp:Label runat="server" ID="lblLastLogin" CssClass="top-5" />
            </div>
        </div>
    </div>
    <div class="row top-30">
        <div class="eight left" style="margin-top: 10px;">
            <!-- Graph HTML -->
            <div class="left">
                <div class="chart-bg" style="padding-bottom:40px !important;"> <!-- class="graph-bg left" -->
                    <iframe height="350" width="100%" src="iFrame.aspx"></iframe>
                </div>
            </div>
            <!-- end Graph HTML -->
        </div>
        <div class="four left">
            <div id="stats" class="clearfix">
                <div class="wrap">
                    <div class="stat-bg">
                        <div class="circle-container">
                            <div class="circlestat" data-dimension="150" data-text="55%" data-width="8" data-fontsize="38"
                                data-percent="55" data-fgcolor="#71C73E" data-bgcolor="#eee" data-fill="#ddd"
                                id="divTarget" runat="server">
                            </div>
                            <h6 style="width: 165px;">
                                <asp:Label ID="lblMonthlySalesTarget" runat="server" Text="<%$Resources:General,MonthlySalesTarget%>"></asp:Label></h6>
                        </div>
                        <div class="circle-container" style="margin-top: 20px;">
                            <div class="circlestat" data-dimension="150" data-text="75%" data-width="8" data-fontsize="38"
                                data-percent="75" data-fgcolor="#61a9dc" data-bgcolor="#eee" data-fill="#ddd"
                                id="divSales" runat="server">
                            </div>
                            <h6 style="width: 165px;">
                                <asp:Label ID="lblDailySalesTarget" runat="server" Text="<%$Resources:General,DailySalesTarget%>"></asp:Label></h6>
                        </div>
                    </div>
                    <!-- @end .row -->
                </div>
                <!-- @end .wrap -->
            </div>
            <!-- @end #stats -->

            <script type="text/javascript">
                $(function() {
                    $('.circlestat').circliful();
                });
            </script>

        </div>
    </div>
</asp:Content>
